import './App.css'
import {Box, Typography} from '@mui/material';

function App() {
    return (
        // Box 是一个基础的 "盒子" 组件，类似于 div，但它能直接使用主题系统的属性
        <Box sx={{
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            minHeight: '100vh',
        }}>
            {/* Typography 用于渲染文本，variant="h3" 控制了样式 */}
            <Typography variant="h3" component="h1">
                我的音乐网站
            </Typography>
        </Box>
    );
}

export default App
